<script setup lang="ts">
import router from "@/Router";

const emit = defineEmits(['page-to-send'])
const sendHomeTab = () => {
  router.push("/recommend")

}

const sendLoginTab = () => {
  router.push("/login")
}


</script>

<template>
  <div class="flex items-center justify-around w-65 text-cyan-8 select-none">
    <div @click="sendLoginTab"
         class=" bg-cyan-1 border-cyan-4 border-2 hover:bg-cyan-2 rounded-2xl w-25 flex justify-center items-center">
      <div>L o g i n</div>
    </div>

    <div @click="sendHomeTab"
         class="bg-cyan-1 border-cyan-4 border-2 hover:bg-cyan-2 rounded-2xl w-25 flex justify-center items-center">
      <div>H o m e</div>
    </div>

  </div>
</template>

<style scoped>

</style>